<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="tmp.aspx.cs" Inherits="EPiServer.editor.tmp" %>

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<title>Legacy jQuery UI Example Page</title>
		<link type="text/css" href="theme/ui.all.css" rel="Stylesheet" />	
		<script type="text/javascript" src="jquery-1.2.6.js"></script>
		<script type="text/javascript" src="jquery-ui-personalized-1.5.3.js"></script>
			<script type="text/javascript" src="/episerver.research.wiki/editor/tiny_mce3211/tiny_mce-src"></script>
					<script type="text/javascript" src="/tiny_mce3211/tiny_mce-src"></script>
			
		<script type="text/javascript">
			$(function(){


	            

				// Dialog			
				$('#dialog').dialog({
					autoOpen: false,
					width: 600,
					modal: true,
				
					buttons: {
						"Ok": function() { 
							$(this).dialog("close"); 
						}, 
						"Cancel": function() { 
							$(this).dialog("close"); 
						} 
					}
				});
				
				// Dialog Link
				$('#dialog_link').click(function(){
					$('#dialog').dialog('open');
					return false;
				})
				.hover(
					function() { $(this).addClass('ui-hover-state'); }, 
					function() { $(this).removeClass('ui-hover-state'); }
				);

			});
		</script>
		<style type="text/css">
			body{ font: 62.5% Verdana, sans-serif; margin: 50px;}
			#dialog_link {padding: .7em 1em;text-decoration: none;}
		</style>	
	</head>
	<body>
	
		<!-- Dialog NOTE: Dialog is not generated by UI in this demo so it can be visually styled in themeroller-->
		<h2 class="demoHeaders">Dialog</h2>
		<p><a href="#" id="dialog_link" class="ui-default-state">Open Dialog</a></p>
		
	
		
		<!-- ui-dialog -->
		<div id="dialog" title="Dialog Title">
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
		     <textarea cols="5" rows="4"></textarea>
		
		</div>
			
				
		
	</body>
</html>


